<template>
  <div class="test-view">
    <h1>测试页面</h1>
    <p>如果你能看到这个页面，说明Vue基本功能正常</p>
    <el-button type="primary" @click="testClick">测试按钮</el-button>
  </div>
</template>

<script setup lang="ts">
import { ElMessage } from 'element-plus'

const testClick = () => {
  ElMessage.success('按钮点击成功！')
}
</script>

<style scoped>
.test-view {
  padding: 20px;
  text-align: center;
}

.test-view h1 {
  margin-bottom: 20px;
  color: #333;
}

.test-view p {
  margin-bottom: 20px;
  color: #666;
}
</style>
